
.fade-leave, .fade-enter, .calendar-leave, .calendar-enter {
    -webkit-transition:all 2s;
    -moz-transition:all 2s;
    -o-transition:all  2s;
    transition:all 2s;
}
.fade-leave, .calendar-leave {
    opacity:1;
}
.fade-leave.fade-leave-active, .calendar-leave.calendar-leave-active {
    opacity:0;
}

.fade-enter, .calendar-enter {
    opacity:0;
}
.fade-enter.fade-enter-active, .calendar-enter.calendar-enter-active {
    opacity:1;
}
.view-enter, .view-leave, .slide-enter, .slide-leave, .wave-enter, .wave-leave {
    -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
    -moz-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
    -o-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
    transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
}
.view-enter {
    opacity:0;
    left:100px;
    width:100%;
    position:absolute;
}
.view-enter.view-enter-active {
    left:0;
    opacity:1;
}
.view-leave {
    position:absolute;
    left:0;
    width:100%;
    opacity:1;
}
.view-leave.view-leave-active {
    left:-100px;
    opacity:0;
}
.active-cell-frame {
    background:#ddd;
    border-radius:20px;
}
.slide-frame {
    position:relative;
    height:200px;
    overflow:hidden;
}
.slide-frame > div {
    width:100%;
}
.slide-enter {
    position:absolute;
    left:0;
    top:-100px;
}
.slide-enter-active {
    top:0;
}
.slide-leave {
    position:absolute;
    top:0;
}
.slide-leave-active {
    top:200px;
}
.wave-enter {
    position:absolute;
    left:100%;
}
.wave-enter-active {
    left:0;
}
.wave-leave {
    position:absolute;
    left:0;
}
.wave-leave-active {
    left:-100%;
}